{% extends 'common/base.html' %}
{% load staticfiles %}
{% load style_filter %}

{#标题#}
{% block title %}{{ project.type }}{% endblock title %}
{#顶部css#}
{% block head_css %}
    <link rel="stylesheet" href="{% static 'css/swipebox.css' %}">
{% endblock %}
{#顶部js#}
{% block head_js %}
    <script type="text/javascript" src="{% static 'js/jquery-1.9.0.min.js' %}"></script>
	<script src="{% static 'js/ios-orientationchange-fix.js' %}"></script>
	<script type="text/javascript">
		jQuery(function ($) {
			$(".swipebox").swipebox();
		});
	</script>
{% endblock head_js %}

{#body主体#}
{% block body %}

<a href="{% url 'server:all' 0 %}"><img src="{% static 'images/server_bg.png' %}"></a>

<div class="main">
    <div class="wrap">
        <div class="about-top">
            <div class="about">


                <div class="one_left">
                    <div class="bar_line">
                        <p>{{ project.name }}</p>
                    </div>
                    <h6 class="time_con">热门值：{{ project.level }}</h6>

					<div class="one_story_box">
                        <div><img  class="one_img" src="{% static project.img %}" alt=""></div>

						<p>{{ project.desc|safe }}</p>
					</div>



                </div>



                <div class="one_right">
                    <div class="bar_line">
                        <p>新项目推荐</p>
                    </div>
                    {% for s in new_project_2 %}
					<div class="story_single">
						<a href="{% url 'server:one' s.type_id %}?id={{ s.id }}" target="_blank"> <img src="{% static s.img %}" alt=""><span class="zoom-icon"></span> </a>
                        <a href="{% url 'server:one' s.type_id %}?id={{ s.id }}" target="_blank"> <h4>{{ s.name }}</h4></a>
                        <a href="{% url 'server:one' s.type_id %}?id={{ s.id }}" target="_blank"> <p>{{ s.short }}</p></a>
					</div>
                    {% endfor %}

                </div>

            </div>
        </div>
    </div>
</div>


    {#        页码#}
    <div class="pagenation">

        {% if stories.has_previous %}
            <a href="{% url 'story:clinic' %}?page={{ stories.previous_page_number }}">上一页</a>
        {% endif %}

        {% for index in paginator.page_range %}
            <a {% if index == dishes.number %}class="active" {% endif %}href="{% url 'story:clinic' %}?page={{ index }}">{{ index }}</a>
        {% endfor %}

        {% if stories.has_next %}
            <a href="{% url 'story:clinic' %}?page={{ stories.next_page_number }}">下一页</a>
        {% endif %}
    </div>

{% endblock body %}